<template>
  <div class="auth-layout">
    <global-header v-if="!isWechat" />

    <div class="container">
      <router-view />
    </div>
  </div>
</template>

<script>
import {mapGetters} from 'vuex'
import GlobalHeader from '@/components/GlobalHeader'

export default {
  components: {
    GlobalHeader
  },

  computed: {
    ...mapGetters(['browser']),

    isWechat() {
      return this.browser.toLowerCase().indexOf('micromessenger') > -1
    }
  }
}
</script>

<style lang="less" scoped>
.auth-layout {
  width: 100vw;
  min-height: 100vh;
  background-color: #eff2f5;

  .container {
    padding: 32px 35px;
  }
}
</style>